草庐IT

ML 方法

全部标签

javascript - 你能帮忙澄清一下Javascript原型(prototype)继承方法调用吗?

在这段代码中:varFruit=function(){}Fruit.prototype={color:function(){console.log('Fruitcolor...')}}varApple=function(){}Apple.prototype=newFruit()Apple.prototype.constructor=Applevara=newApple()Apple.prototype=null//thequestion!!!a.color()当Apple.prototype被设置为null时,为什么实例a仍然可以调用color方法? 最佳答

javascript - 未指定所需上下文 `router`。查看 `RoutingContext`的render方法

我的应用程序是带有react-router的ES6React应用程序。我想在一小段延迟后将用户重定向到另一个页面。这是我的React组件:importReactfrom'react'import{Navigation}from'react-router'exportdefaultclassComponentextendsReact.Component{render(){return(Componentcontent)}componentDidMount(){setTimeout(()=>{//TODO:redirecttohomepageconsole.log('redirecting

javascript - JavaScript 模块化方法中 IIFE 和非 IIFE 的区别

最近,当我试图了解更多有关JavaScript中的IIFE和模块的信息时我想到了一个问题,即IIFE如何在不立即制作模块的情况下制作模块调用该函数不会使其成为一个模块..任何人都可以与我分享这段代码之间的区别varMODULE=(function(){varmy={},privateVariable=1;functionprivateMethod(){//...}my.moduleProperty=1;my.moduleMethod=function(){//...};returnmy;}());并且此代码中的函数未立即调用..varMODULE=function(){varmy={}

javascript - 使用 Sinon 在同一文件中 stub 方法

我正在尝试对文件中的一个函数进行单元测试,同时对同一文件中的另一个函数进行stub,但没有应用模拟,而是调用了真实的方法。这是一个例子://file:'foo.js'exportfunctiona(){//.....}exportfunctionb(){letstuff=a();//calla//...dostuff}还有我的测试:import*asactionsfrom'foo';constaStub=sinon.stub(actions,'a').returns('mockedreturn');actions.b();//b()isexecuted,whichcallsa()ins

javascript - 在 JavaScript 中解构对象时如何绑定(bind)方法?

在JavaScript中解构对象时如何绑定(bind)方法?constperson={getName:function(){console.log(this);}};vara=person.getName;varb=person.getName.bind(person);var{getName:c}=person;person.getName();//=>{getName:[Function]}a();//=>windoworglobalb();//=>{getName:[Function]}c();//=>windoworglobal我希望c在控制台中登录它的“父”对象{getNam

javascript - 如何在 Puppeteers .evaluate() 方法中传递函数

每当我尝试传递一个函数时,像这样:varmyFunc=function(){console.log("lol");};awaitpage.evaluate(func=>{func();returntrue;},myFunc);我得到:(node:13108)UnhandledPromiseRejectionWarning:Unhandledpromiserejection(rejectionid:1):Error:Evaluationfailed:TypeError:funcisnotafunctionatfunc(:9:9)(node:13108)DeprecationWarning

javascript - 使用 Vuex 进行 API 调用的正确方法是什么?

我有一个带有Vuex的VueWebpack应用程序(我对这两个都是新手,来自Ember世界)。我目前已经将它设置为将vue-resource与两个文件一起使用,如下所示:/src/store/api.jsimportVuefrom'vue';import{store}from'./store';exportdefault{get(url,request){returnVue.http.get(store.state.apiBaseUrl+url,request).then(response=>Promise.resolve(response.body)).catch(error=>Pr

javascript - 有多少种方法可以查看您手动添加到函数的所有属性? JavaScript。 JS

在JavaScript中,函数是一等对象,这意味着您可以像对待任何对象一样对待它们,在这种情况下,您只需向函数对象添加一个属性。好的,让我们给函数添加一些属性。functiona(){a.firstProp="I'm1st-property";}a.seccondProp="I'm2st-property";functionb(){a();}b();//initialize1stproperty(firstProp)for`functiona`;console.log(Object.getOwnPropertyNames(b));console.log(Object.getOwnPro

javascript - 在路由的渲染方法中 react 路由器 4 : How to wait for a promise to resolve,?

我正在尝试实现功能,其中每个Route将首先等待一些ajaxpromise解决,然后才会呈现该路由。我看到onEnter不再存在,所以我正在尝试渲染方法。我的路线是这样定义的:{cmsRoutes.map((route,idx)=>{console.log(route.resolve)returnroute.component?({route.resolve().then(({data})=>{console.log(data)return()})}}/>):(null);},)}如您所见,它只是遍历某个数组,该数组保存每条路线的数据。路由对象的字段之一是“resolve”,它指向一个

javascript - 将全局样式应用到 Shadow DOM 的正确方法

这个问题与StackOverflow上的其他问题类似,但我找不到任何描述适用于我的情况和未弃用方法的答案(而且我开始考虑可能没有针对这种情况的任何好的解决方案).假设我们有一些main.css文件,其中包含按钮、列表、链接等的常用样式。所以它只是一些标准的.css文件,其中包含我们希望在整个应用程序中重用的通用样式。我们希望使用ShadowDOM将相同的样式应用于Web组件。据我所知,有几种方法可以实现这一点:使用一种已弃用的方法:::shadow、>>>、/deep/选择器。但这些选择器现在已被弃用,所以我想这不是继续前进的好方法。使用CSS变量。如果我们需要设置一些属性,这种方法非